<template>
    <div>
展示左边组件<br>
<button @click="count++">+++</button>
{{ count }}
    </div>
</template>

<script setup>
import { ref,onBeforeUnmount,onMounted,onActivated,onDeactivated } from 'vue';
const count =ref(1)
onMounted(() => {
    console.log('componentLeft我被挂载了');
});
onBeforeUnmount(() => {
    console.log('componentLeft我即将被销毁了');
    
});
onActivated(() => {
    console.log('onActivated');
})
onDeactivated(() => {
    console.log('onDeactivated');
})

</script>

<style  scoped>

</style>